<template>
  <view class="su-empty">
    <view class="su-empty__image">
      <image src="@/static/images/components/blank-noData.png" mode="aspectFit"></image>
    </view>
    <view class="su-empty__text">
      {{text}}
    </view>
  </view>
</template>
 
<script>
  export default {
    name: "su-empty",
    props: {
      mode: {
        type: String,
        default: 'noData'
      },
      text: {
        type: String,
        default: '暂无数据'
      },
    }
  }
</script>
 
<style lang="scss">
  .su-empty {
    padding: 60upx;
 
    &__image {
      display: flex;
      justify-content: center;
      align-items: center;
 
      image {
        width: 520upx;
        height: 260upx;
        display: block;
      }
    }
    &__text{
      font-size: 28upx;
      color: #999;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 20upx;
    }
  }
</style>